<!-- 企业专区 -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/img/蛋糕.svg" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        text-decoration: none;
      }

      /* 导航栏 */
      .header {
        position: absolute;
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid #e8e8e8;
        display: flex;
        justify-content: space-between;
        position: fixed;
        z-index: 100;
      }

      .header a {
        color: #969696;
      }

      .header a:hover {
        color: black;
      }

      .header span {
        color: #969696;
      }

      .header-left {
        display: flex;
        float: left;
        height: 70px;
      }

      .snacks {
        width: 90px;
        height: 42px;
        float: left;
        padding-top: 25px;

        border-right: 1px solid #e8e8e8;
      }

      .location,
      .products,
      .home,
      .cakes,
      .breads,
      .bds {
        width: 90px;
        height: 45px;
        float: left;
        padding-top: 25px;
        border-right: 1px solid #e8e8e8;
      }

      .location,
      .products,
      .home,
      .cakes,
      .breads,
      .snacks,
      .bds,
      .location div span,
      .head-span {
        width: 90px;
        display: inline-block;
        text-align: center;
        font-size: 15px;
      }

      .header-right {
        float: right;
        width: 270px;
        height: 70px;
        display: flex;
      }

      .head-span,
      .mycar,
      .activity {
        width: 90px;
        height: 45px;
        border-left: 1px solid #e8e8e8;
        font-size: 15px;
        padding-top: 25px;
      }

      .zhuce,
      .login {
        width: 30px;
        height: 17px;
      }

      .car {
        width: 18px;
        height: 20px;
        margin-left: 36px;
      }

      .icon2 {
        width: 23px;
        height: 13px;
        margin-left: 33.5px;
      }

      .header-left div a span:hover {
        color: black;
      }

      .header-left div:hover {
        border-top: 3px #ffe32a solid;
        color: black;
      }

      a {
        text-decoration: none;
        color: black;
      }

      .list-content {
        width: 100%;
        display: flex;
        padding-top: 70px;
        padding-bottom: 40px;
      }

      .list-box {
        margin: 0 auto;
      }

      .v1,
      .v2,
      .v3 {
        font-size: 35px;
        margin-left: 320px;
        border-bottom: 1px dashed;
        padding-bottom: 10px;
        margin-top: 200px;
      }

      .item input {
        width: 30%;
        height: 20px;
        margin-top: 25px;
        margin-left: 600px;
      }

      .item textarea {
        margin-left: 600px;
        margin-top: 20px;
        max-width: 30%;
        min-width: 30%;
        max-height: 200px;
        min-height: 200px;
        font-size: 25px;
      }

      .item button {
        width: 13%;
        height: 45px;
        margin-left: 700px;
        margin-top: 40px;
        background: black;
        color: white;
      }

      .num {
        margin-top: 40px;
        margin-left: 270px;
        font-size: 20px;
        margin-bottom: 100px;
      }

      .num a {
        margin-left: 50px;
      }

      .num span {
        color: red;
        width: 15%;
      }

      .item p a {
        font-size: 13px;
        color: darkgray;
      }

      .v3 p a {
        color: darkgrey;
        font-size: 13px;
      }
    </style>
  </head>

  <body>
    <!-- <div class="header">
        <div class="header-left">
            <div class="logo">
                <img src="./img/logo.png" alt="" />
            </div>
            <div class="location">
                <a href="#">
                    <span>上海市</span>
                </a>
            </div>
            <div class="products">
                <a href="#">
                    <span>所有产品</span>
                </a>
            </div>
            <div class="home">
                <a href="#">
                    <span>首页</span>
                </a>
            </div>
            <div class="cakes">
                <a href="#">
                    <span>蛋糕</span>
                </a>
            </div>
            <div class="breads">
                <a href="#">
                    <span>面包</span>
                </a>
            </div>
            <div class="snacks">
                <a href="#">
                    <span>小食</span>
                </a>
            </div>
            <div class="bds">
                <a href="#">
                    <span>企业专区</span>
                </a>
            </div>
        </div>
        <div class="header-right">
            <div class="login-header">
                <span class="head-span">
                    <span class="zhuce">注册</span>&nbsp;|&nbsp;<span class="login">登录</span>
                </span>
            </div>
            <div class="mycar">
                <img class="bag1" src="./img/bag1.png" alt="" />
            </div>
            <div class="activity">
                <img class="icon2" src="./img/icon02.png" alt="" />
            </div>
        </div>
    </div> -->
    <div class="header">
      <div class="header-left">
        <div class="logo" style="border-top: 0px">
          <img src=" ./img/logo.png" alt="" />
        </div>
        <div class="location" style="border-top: 0">
          <a href="#">
            <span>上海市</span>
          </a>
        </div>
        <div class="products">
          <a href="#">
            <span>所有产品</span>
          </a>
        </div>
        <div class="home">
          <a href="././sy/cookie.html">
            <span>首页</span>
          </a>
        </div>
        <div class="cakes">
          <a href="cake.html">
            <span>蛋糕</span>
          </a>
        </div>
        <div class="breads">
          <a href="./mb.html">
            <span>面包</span>
          </a>
        </div>
        <div class="snacks">
          <a href="snack.html">
            <span>小食</span>
          </a>
        </div>
        <div class="bds" style="border-top: 3px #ffe32a solid">
          <a href="test.html">
            <span style="color: black">企业专区</span>
          </a>
        </div>
      </div>
      <div class="header-right">
        <div class="login-header">
          <span class="head-span">
            <a href="register.html">
              <span class="zhuce">注册</span>
            </a>
            &nbsp;|&nbsp;
            <a href="Login.html">
              <span class="login">登录</span>
            </a>
          </span>
        </div>
        <div class="mycar">
          <a href="">
            <img class="car" src="./img/bag1.png" alt="" />
          </a>
        </div>
        <div class="activity">
          <a href="">
            <img class="icon2" src="./img/icon02.png" alt="" />
          </a>
        </div>
      </div>
    </div>
    <div class="list-content">
      <div class="list-box">
        <div class="list-ul">
          <a href="#">
            <img src="./img/jaa2.png" alt="" style="width: 100%" />
          </a>
          <div class="v1">
            <p>企业申请试吃</p>
          </div>
          <div class="item">
            <input type="text" placeholder="公司名称" id="name" />
          </div>
          <div class="item">
            <input type="text" placeholder="公司地址" id="name" />
          </div>
          <div class="item">
            <input type="text" placeholder="联系人" id="name" />
          </div>
          <div class="item">
            <input type="text" placeholder="联系人电话" id="name" />
          </div>
          <div class="item">
            <input type="text" placeholder="申请试吃部门" id="name" />
          </div>
          <div class="item">
            <input type="text" placeholder="申请试吃人数" id="name" />
          </div>
          <div class="item">
            <textarea placeholder="留言" id="message"></textarea>
          </div>
          <div class="item">
            <button>提交表单</button>
          </div>
          <div class="v2">
            <p>如何联系我们</p>
          </div>
          <div class="num">
            <a
              >大客户电话：珠海
              <span>18420208336</span>
            </a>
            <a
              >四川
              <span>0571-28103688</span>
            </a>
          </div>
          <div class="v3">
            <p>
              近年来合作企业
              <a>（以下排名不分先后）</a>
            </p>
          </div>
          <div>
            <img src="./img//jaa1.png" alt="" />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
